<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
    <link href="./styles.css" rel="stylesheet">
    <title>Hello World!</title>
      <style type="text/css">
          body {
              font-family: sans-serif;
              background-color: #ceedf4;
              margin: 0;
              padding: 0;
              color: rgb(51, 51, 51);
          }

          .dia {
              top: 0;
              left: 0;
              /* width: 100%; */
              /* height: 100%; */
              overflow: auto;
          }

          .content {
              width: 1000px;
              height: 90vh;
              margin: 50px auto;
              border-radius: 10px;
          }

          .contain {
              width: 1000px;
              height: 80vh;
          }

          div.page {
              position: relative;
              background-color: white;
              margin: 16px auto;
              box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
          }

      </style>
  </head>
  <body>
    <input type="file"
           id="avatar" name="ofd文件"
           accept="ofd" onchange="ofd.openOFDBaseViewer(this.files[0])">
    <div class="dia">
        <div class="content" id="content">

            <div id="OfdView" style="overflow:auto; position: absolute; background: #FAF9DE" class="contain"
            >
            </div>

        </div>
    </div>
    <!-- You can also require other files to run in this process -->
    <script src="./renderer.js"></script>
    <script src="./OfdParser.js"></script>
    <script type="text/javascript" src="https://unpkg.com/ofd.js"></script>
  </body>
</html>
